* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #fff;
}
div {
  box-sizing: border-box;
}
.header_top_title a {
  display: inline-block;
  height: 50px;
  padding: 0 6px;
  margin: 0 15px;
  font-size: 16px;
  font-weight: 700;
  color: #3e4141;
  text-align: center;
  line-height: 50px;
}
.header_top_title a:hover {
  border-bottom: 2px solid #00a4f9;
}
ui > li {
  list-style: none;
}
.header_main_left ui > li {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
}
ui > li > a:hover {
  color: #00b5ff;
}
ui > li > a > span {
  float: right;
}
div {
  font-size: 14px;
  line-height: 50px;
  color: #656868;
}
.header_top {
  width: 1200px;
  height: 50px;
  margin: 20px auto;
}
.header_top .header_top_logo {
  float: left;
  width: 220px;
  height: 50px;
  background: url(../images/logo.png) no-repeat center;
}
.header_top .header_top_title {
  float: left;
}
.header_top .header_top_title .header_top_title_one {
  margin: 0 15px 0 80px;
}
.header_top .header_top_search {
  float: left;
  height: 50px;
  margin-left: 80px;
  padding-top: 5px;
}
.header_top .header_top_search .header_top_search_input {
  float: left;
  width: 340px;
  height: 38px;
  padding-left: 18px;
  border: 1px solid #00a4f9;
}
.header_top .header_top_search .header_top_search_img {
  float: left;
  width: 50px;
  height: 40px;
  background: url(../images/btn.png) no-repeat center;
}
.header_top .header_top_user {
  float: left;
  width: 130px;
  height: 40px;
  margin-left: 25px;
}
.header_top .header_top_user img {
  vertical-align: middle;
}
.header_center {
  height: 420px;
  background-color: #1b046b;
}
.header_center .header_main {
  margin: auto;
  width: 1200px;
  height: 420px;
  background: url(../images/banner2.png) no-repeat;
}
.header_center .header_main .header_main_left {
  float: left;
  background: rgba(0, 0, 0, 0.3);
  padding: 7.5px 0;
  width: 190px;
}
.header_center .header_main .header_main_left a:hover {
  color: #00A1FF;
}
.header_center .header_main .header_main_right {
  float: right;
  width: 228px;
  height: 300px;
  margin: 60px 0;
  background-color: #fff;
}
.header_center .header_main .header_main_right .main_right_title h2 {
  height: 50px;
  background-color: #9acfea;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.header_center .header_main .header_main_right .main_right_main {
  height: 250px;
}
.header_center .header_main .header_main_right .main_right_main ui > li {
  padding-left: 20px;
  height: 62px;
}
.header_center .header_main .header_main_right .main_right_main ui > li h3 {
  height: 20px;
}
.header_center .header_main .header_main_right .main_right_main ui > li p {
  font-size: 13px;
  color: #ababab;
  height: 15px;
}
.header_center .header_main .header_main_right .main_right_main ui > li:hover {
  color: #00A1FF;
}
.header_center .header_main .header_main_right .main_right_main ui > li:hover h3 {
  color: #00A1FF;
}
.header_center .header_main .header_main_right .main_right_main ui > li:hover p {
  color: #00A1FF;
}
.header_center .header_main .header_main_right .main_right_main a {
  width: 200px;
  height: 40px;
  margin: auto;
  font-size: 16px;
  color: #00A1FF;
  margin-left: 12px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  border: 1px solid #00A1FF;
}
.header_bottom {
  width: 1200px;
  height: 60px;
  margin: 10px auto;
  margin-bottom: 35px;
  box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.1);
}
.header_bottom .header_bottom_left {
  margin: 0 30px;
  float: left;
}
.header_bottom .header_bottom_left h2:hover {
  color: #00A1FF;
}
.header_bottom .header_bottom_main ui > li {
  float: left;
  width: 119px;
  height: 16px;
  text-align: center;
}
.header_bottom .header_bottom_main ui > li a {
  padding: 0 30px;
  border-left: 1px solid #BFBFBF;
  font-size: 16px;
  color: #030303;
}
.header_bottom .header_bottom_main ui > li a:hover {
  color: #00A1FF;
}
.header_bottom .header_bottom_right {
  float: right;
}
.header_bottom .header_bottom_right a {
  padding-right: 25px;
  font-size: 16px;
  color: #39B7FF;
}
.main {
  width: 1200px;
  height: 650px;
  margin: 0 auto;
}
.main .main_top {
  float: left;
  width: 100%;
  margin: 20px 0;
  line-height: 40px;
}
.main .main_top h2 {
  float: left;
  height: 40px;
}
.main .main_top a {
  height: 40px;
  font-size: 12px;
  float: right;
  color: #B6B9B9;
}
.main .main_top a:hover {
  color: #00A1FF;
}
.main .main_bottom ui > li a {
  float: left;
  position: relative;
  width: 225px;
  height: 270px;
  margin: 0 15px 15px 0;
}
.main .main_bottom ui > li a img {
  width: 225px;
}
.main .main_bottom ui > li a p {
  color: black;
  padding-left: 20px;
  line-height: 20px;
}
.main .main_bottom ui > li a .main_bottom_hot {
  width: 40px;
  height: 25px;
  position: absolute;
  top: 2px;
  right: -4px;
  background: url(../images/hot.png) no-repeat;
}
.main .main_bottom ui > li a:hover {
  box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.1);
}
.footer {
  width: 1200px;
  height: 420px;
  background-color: aqua;
  margin: 7px auto;
}
